<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
		<title></title>
		<link rel="stylesheet" href="plugins/bootstrap-3.3.7/css/bootstrap.css">
      <link rel="stylesheet" href="plugins/select2-4.0.3/css/select2.css">
		<!--<link rel="stylesheet" href="plugins/dataTables-1.10.13/css/dataTables.bootstrap.css" />-->

		<link rel="stylesheet" href="css/skin-blue.css">
		<link rel="stylesheet" href="plugins/font-awesome-4.7.0/css/font-awesome.css">
      <link rel="stylesheet" href="plugins/toastr-2.1.3/toastr.css">
      <link rel="stylesheet" href="plugins/bootstrap-table-1.11.1/bootstrap-table.css">


      <link rel="stylesheet" href="css/AdminLTE.css">
      <link rel="stylesheet" href="css/ty-style.css">

		<style>

		</style>
	</head>
	<body class="hold-transition skin-blue sidebar-mini">
		<div class="wrapper">

  <!-- 主标题栏 -->
  <header class="main-header">

    <!-- Logo -->
    <a href="javascript:void(0)" class="logo">
      <!-- mini logo for sidebar mini 50x50 pixels -->
      <span class="logo-mini"><b>A</b>LT</span>
      <!-- logo for regular state and mobile devices -->
      <span class="logo-lg"><b>Admin</b>LTE</span>
    </a>

    <!-- 标题导航栏 -->
    <nav class="navbar navbar-static-top" role="navigation">
      <!-- 侧边栏切换按钮-->
      <a href="javascript:void(0)" class="sidebar-toggle" data-toggle="offcanvas" role="button">
        <span class="sr-only">Toggle navigation</span>
      </a>
      <!-- 导航栏右侧菜单 -->
      <div class="navbar-custom-menu">
        <ul class="nav navbar-nav">

          <!-- 消息菜单-->
          <li class="dropdown messages-menu">
            <!-- 菜单切换按钮 -->
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <i class="fa fa-envelope-o"></i>
              <span class="label label-success">4</span>
            </a>
            <ul id="tyMsgList" class="dropdown-menu">
              <li class="header">你有1条未读消息</li>
              <li>
                <!-- inner menu: contains the messages -->
                <ul class="menu">
                  <li><!-- start message -->
                    <a href="#">
                      <div class="pull-left">
                        <!-- User Image -->
                        <div class="fa fa-3x fa-user"></div>
                        <!--<img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">-->
                      </div>
                      <!-- Message title and timestamp -->
                      <h4>
						支持团队
                        <small><i class="fa fa-clock-o"></i> 5 mins</small>
                      </h4>
                      <!-- The message -->
                      <p>为什么不买一个新的真棒主题？</p>
                    </a>
                  </li><!-- end message -->
                  <li><!-- start message -->
                    <a href="#">
                      <div class="pull-left">
                        <!-- User Image -->
                        <div class="fa fa-3x fa-user"></div>
                        <!--<img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">-->
                      </div>
                      <!-- Message title and timestamp -->
                      <h4>
						呵呵哒
                        <small><i class="fa fa-clock-o"></i> 9 mins</small>
                      </h4>
                      <!-- The message -->
                      <p>为什么要买？</p>
                    </a>
                  </li><!-- end message -->
                  <li><!-- start message -->
                    <a href="#">
                      <div class="pull-left">
                        <!-- User Image -->
                        <div class="fa fa-3x fa-user"></div>
                        <!--<img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">-->
                      </div>
                      <!-- Message title and timestamp -->
                      <h4>
						好吧
                        <small><i class="fa fa-clock-o"></i> 11 mins</small>
                      </h4>
                      <!-- The message -->
                      <p>我穷，有钱再说</p>
                    </a>
                  </li><!-- end message -->
                </ul>
                <!-- /.menu -->
              </li>
              <li class="footer"><a href="#">查看所有消息</a></li>
            </ul>
          </li>
          <!-- /.消息菜单 -->

          <!-- 通知菜单 -->
          <li id="tyNotifications" class="dropdown notifications-menu">
            <!-- 菜单切换按钮 -->
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <i class="fa fa-bell-o"></i>
              <span class="label label-warning">10</span>
            </a>
            <ul class="dropdown-menu">
              <li class="header">你有10个通知</li>
              <li>
                <!-- Inner Menu: contains the notifications -->
                <ul class="menu">
                  <li><!-- start notification -->
                    <a href="#">
                      <i class="fa fa-users text-aqua"></i> 今天加入5名新成员
                    </a>
                  </li><!-- end notification -->
                </ul>
              </li>
              <li class="footer"><a href="#">查看所有</a></li>
            </ul>
          </li>

          <!-- 任务菜单 -->
          <li id="tyTasks" class="dropdown tasks-menu">
            <!-- Menu Toggle Button -->
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <i class="fa fa-flag-o"></i>
              <span class="label label-danger">9</span>
            </a>
            <ul class="dropdown-menu">
              <li class="header">你有9个任务</li>
              <li>
                <!-- Inner menu: contains the tasks -->
                <ul class="menu">
                  <li><!-- Task item -->
                    <a href="#">
                      <!-- 任务标题和进度文本 -->
                      <h3>
						设计一些按钮
                        <small class="pull-right">20%</small>
                      </h3>
                      <!-- 进度条 -->
                      <div class="progress xs">
                        <!-- 更改CSS宽度属性以模拟进度 -->
                        <div class="progress-bar progress-bar-aqua" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
                          <span class="sr-only">20% 完成</span>
                        </div>
                      </div>
                    </a>
                  </li><!-- end task item -->
                </ul>
              </li>
              <li class="footer">
                <a href="#">查看所有任务</a>
              </li>
            </ul>
          </li>
          <!-- 用户帐户菜单 -->
          <li class="dropdown user user-menu">
            <!-- 菜单切换按钮 -->
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
              <!-- 在导航栏的用户图像-->
              <div class="fa fa-1x fa-user-o"></div>
              <!--<img src="dist/img/user2-160x160.jpg" class="user-image" alt="User Image">-->
              <!-- hidden-xs hides the username on small devices so only the image appears. -->
              <span class="hidden-xs">亚历山大·皮尔斯</span>
            </a>
            <ul class="dropdown-menu">
              <!-- 菜单中的用户图像 -->
              <li class="user-header">
              	<div class="fa fa-5x fa-user" style="color: white;"></div>
                <!--<img src="dist/img/user2-160x160.jpg" class="img-circle" alt="User Image">-->
                <p>
					亚历山大·皮尔斯 - Web开发人员
                  	<small>11月2012</small>
                </p>
              </li>
              <!-- Menu Body -->
              <li class="user-body">
                <div class="row">
                  <div class="col-xs-4 text-center">
                    <a href="#">粉丝</a>
                  </div>
                  <div class="col-xs-4 text-center">
                    <a href="#">没词了</a>
                  </div>
                  <div class="col-xs-4 text-center">
                    <a href="#">关注</a>
                  </div>
                </div>
                <!-- /.row -->
              </li>
              <!-- Menu Footer-->
              <li class="user-footer">
                <div class="pull-left">
                  <a href="#" class="btn btn-default btn-flat">资料</a>
                </div>
                <div class="pull-right">
                  <a href="#" class="btn btn-default btn-flat">退出</a>
                </div>
              </li>
            </ul>
          </li>
          <!-- 控制边栏切换按钮 -->
          <li>
            <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
          </li>
        </ul>
      </div>
    </nav>
  </header>
  <!--./主标题栏-->

  <!-- 左侧柱。包含徽标和侧边栏 -->
  <aside class="main-sidebar">

    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">

      <!-- 侧边栏菜单 -->
      <ul id="tyMenu" class="sidebar-menu">

      </ul>
      <!-- /.sidebar-menu -->
    </section>
    <!-- /.sidebar -->
  </aside>

  <!-- Content Wrapper. Contains page content -->
  <div class="content-wrapper">

<div id="tyAllContent" style="display: none">
	<section id="tyContentHeader" class="content-header">
      <h1><span id="tyTitle"></span> <small id="tySmallTitle"></small></h1>
      <ol id="tyBreadcrumb" class="breadcrumb">

      </ol>
    </section>


	<section id="tyContent" class="content">




	</section>

</div>
  </div>
  <!-- /.content-wrapper -->

  <footer class="main-footer">
    <div class="pull-right hidden-xs">
      <b>Version</b> 2.3.8
    </div>
    <strong>Copyright &copy; 2014-2016 <a href="http://almsaeedstudio.com">Almsaeed Studio</a>.</strong> All rights
    reserved.
  </footer>


  <!-- 控制栏 -->
  <aside class="control-sidebar control-sidebar-dark">
    <!-- 创建标签 -->
    <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
      <li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
      <li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
    </ul>
    <!-- 选项卡窗格 -->
    <div class="tab-content">
      <!-- 首页标签内容 -->
      <div class="tab-pane active" id="control-sidebar-home-tab">
        <h3 class="control-sidebar-heading">最近的活动</h3>
        <ul class="control-sidebar-menu">
          <li>
            <a href="javascript:;">
              <i class="menu-icon fa fa-birthday-cake bg-red"></i>

              <div class="menu-info">
                <h4 class="control-sidebar-subheading">兰登的生日</h4>

                <p>四月二十四</p>
              </div>
            </a>
          </li>
        </ul>
        <!-- /.control-sidebar-menu -->

        <h3 class="control-sidebar-heading">任务进度</h3>
        <ul class="control-sidebar-menu">
          <li>
            <a href="javascript:;">
              <h4 class="control-sidebar-subheading">
				自定义模板的设计
                <span class="pull-right-container">
                  <span class="label label-danger pull-right">70%</span>
                </span>
              </h4>

              <div class="progress progress-xxs">
                <div class="progress-bar progress-bar-danger" style="width: 70%"></div>
              </div>
            </a>
          </li>
        </ul>
        <!-- /.control-sidebar-menu -->

      </div>
      <!-- /.tab-pane -->
      <!-- Stats tab content -->
      <div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
      <!-- /.tab-pane -->
      <!-- Settings tab content -->
      <div class="tab-pane" id="control-sidebar-settings-tab">
        <form method="post">
          <h3 class="control-sidebar-heading">一般设置</h3>

          <div class="form-group">
            <label class="control-sidebar-subheading">
				面板的使用报告
              <input type="checkbox" class="pull-right" checked>
            </label>

            <p>
				有关此一般设置选项的一些信息
            </p>
          </div>
          <!-- /.form-group -->
        </form>
      </div>
      <!-- /.tab-pane -->
    </div>
  </aside>
  <!-- /.control-sidebar -->
  <!-- 添加边栏的背景。此div必须在控件边栏之后立即放置 -->
  <div class="control-sidebar-bg"></div>
</div>
		
	<script type="text/javascript" src="js/jquery-2.2.3.min.js" ></script>
	<script type="text/javascript" src="plugins/bootstrap-3.3.7/js/bootstrap.js" ></script>
	<!--<script type="text/javascript" src="plugins/dataTables-1.10.13/js/jquery.dataTables.js" ></script>
	<script type="text/javascript" src="plugins/dataTables-1.10.13/js/dataTables.bootstrap.js" ></script>-->
        <script type="text/javascript" src="plugins/toastr-2.1.3/toastr.js" ></script>
        <script type="text/javascript" src="plugins/bootstrap-table-1.11.1/bootstrap-table.js" ></script>
        <script type="text/javascript" src="plugins/bootstrap-table-1.11.1/locale/bootstrap-table-zh-CN.js" ></script>
	<script type="text/javascript" src="plugins/layer-3.0.3/layer.js"></script>
        <script type="text/javascript" src="plugins/select2-4.0.3/js/select2.full.js"></script>
        <script type="text/javascript" src="plugins/select2-4.0.3/js/i18n/zh-CN.js"></script>
    <!--<script type="text/javascript" src="plugins/slimScroll/jquery.slimscroll.js"></script>-->
        <script type="text/javascript" src="plugins/doT-1.1.0/doT.js"></script>
	<script type="text/javascript" src="js/app.js" ></script>
	<script type="text/javascript" src="js/ty-app.js" ></script>
	</body>
</html>
